<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
       div a,
       div p{
           color: red;
       }
        /* 
        a:link 选择所有未被访问的链接
        a:visited  选择所有已被访问的链接
        a:hover   选择鼠标指针位于其上的链接
        a:active  选择活动链接(鼠标按下未弹起的链接) 

        链接伪类选择器注意事项
        1.为了确保生效,请按照LVHA的循顺序声明:link - :visited - :hover - :active。
        2.记忆法:lovehate或者Lv包包hao。
        3.因为a链接在浏览器中具有默认样式,所以我们实际工作中都需要给链接单独指定样式。

        */
    </style>
</head>
<body>
    <div class="father">
        <a href="#">儿子</a>
        <p>
            <a href="#">孙子1</a>
            <span>孙子2</span>
        </p>
    </div>
</body>
</html>